<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@taglib prefix="mvc" uri="http://www.springframework.org/tags/form" %>
<%@taglib prefix="fmt" uri="http://www.springframework.org/tags" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <%--<meta http-equiv="X-UA-Compatible" content="IE=10,chrome=1">--%>
    <meta name="viewport" content="width=device-width, initial-scale=0.3, user-scalable=0, minimum-scale=0, maximum-scale=5.0,user-scalable=yes">
    <link rel="stylesheet" type="text/css" href="/css/street/street.css"/>
    <link rel="stylesheet" href="/css/officialDocument/officialDocument.css">
    <style>
        .blue_text{
            font-size: 14px;
            color: #2a588c;
            font-weight: bold;
        }
        .newNews tr td {
            border: 1px solid #c0c0c0;
        }
        .newNews tr td input{
            width: 54%;
            height: 30px;
            line-height: 30px;
            border-radius: 4px;
            border: 1px solid #ddd;
            padding-left: 10px;
        }
        .newNews tr td select{
            width: 54%;
            height: 30px;
            line-height: 30px;
            border-radius: 4px;
            border: 1px solid #ddd;
            padding-left: 10px;
        }
        .newNews tr td textarea{
            width: 54%;
            height: 80px;
            line-height: 30px;
            border-radius: 4px;
            border: 1px solid #ddd;
            padding-left: 10px;
            overflow-y: auto;
        }
        .formUl input[type=text]{
            border:1px solid #ddd;
        }
        td{
            padding:10px;
        }
        tr {
            border: 1px solid #c0c0c0;
        }
        table {
            border-collapse: collapse;
            border-spacing: 0;
            width: 79%;
             margin: 0 auto;
            margin-top: 2%;
            margin-bottom: 50px;
            /*margin-left: 11%;*/
        }
        .new_but {
            width: 74px;
            border:none;
            margin:0 auto;
            height: 30px;
            line-height: 30px;
            border-radius: 4px;
            margin-left: 48%;
            padding-left: 4px;
            cursor: pointer;
            background: url(../../img/sys/newdept.png) no-repeat;
            font-size: 12pt;
            font-family: Microsoft yahei,Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;
        }
        .newBtn{
            background: url(/img/newjian.png) no-repeat;
            padding-left:5px;
            border:none
        }

    </style>
    <script src="/js/jquery/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
    <script src="/lib/jquery.form.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="/js/street/base/base.js" type="text/javascript" charset="utf-8"></script>
    <script src="/js/street/gridMember.js" type="text/javascript" charset="utf-8"></script>
    <title>网格员设置</title>
</head>
<body>
<div class="header">
    <img src="/img/icon_unitManagement.png" class="fl" style="margin-top: 7px;">
    <div class="headertitle"> 网格员设置</div>
    <div class="empty">
        <a href="javascript:void (0)" style="text-align: center;line-height: 28px;height: 28px;width: 70px;" data-type="1" class="newBtn btnData">新建</a>
    </div>
</div>
<div class="contmain clearfix">
    <div class="fl cont_left">
        <ul>
            <li class="dept_li">
                <img src="/img/sys/icon_sectorList.png" style="vertical-align: middle;width: 15px;margin-right: 10px;" alt="">
                网格员信息
            </li>
            <li class="pick">
                <ul id="pickmain">

                </ul>
            </li>
        </ul>
    </div>
    <div class="contRight">
        <input type="hidden" name="dataId">
        <table>
            <thead>
                <tr>
                    <th>序号</th>
                    <th>网格员</th>
                    <th>所属部门</th>
                    <th>所属岗位</th>
                    <th>联系方式</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody></tbody>
        </table>

    </div>

</div>



<script>
    $('.contmain').height($(window).height()-$('.header').height()-3)
</script>
</body>
</html>
